/* ----------------------------------

Contents:

Globals
Structure
Typography
Forms
Tables
Lists
Links
Images
Floats
Navigation
Miscellaneous

----------------------------------- */

body{font:62.5% Georgia,'Times New Roman',Times,serif;text-align:center;background:#ddd;min-width:749px;}


/*                     >>> =Globals <<<
--------------------------------------------------------------------------------- */
strong{font-weight:bold;}
em{font-style:italic;}
ul{list-style:disc;}
cite{font-size:small;font-style:italic;}
small{font-size:small;}
.small{font-size:1em;}
.plaintxt{font-weight:normal;}
.red{color:#f00;}
.hide{display:none;}
.gray{color:gray;}
.alignright{float:right;}
.alignleft{float:left;}
hr{
border:none;
color:#add8e6;
height:1px;
width:90%;
background:#add8e6;
text-align:left;
}


/*                     >>> =Structure <<<
--------------------------------------------------------------------------------- */
#container{
margin:0 auto;
width:749px;
text-align:left;
background:#ffffff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
#topbar{
text-align:left;
width:100%;
height:40px;
background:url('../img/topbg.gif') #000 repeat-x left top;
}
#faologo{
height:51px;
background:#fff;
border-bottom:1px solid #62a45c;
}
#header{
height:155px;
background:url('../img/hdrbrbr_20080201.gif') #fff no-repeat left top;
}
#navigation{
text-align:center;
#background:#3e9a47;
background: white;
height:31px;
border-top:none;
}
#content{
font-size:1.2em;
margin:0;
padding:10px 20px 20px;
}
#pimsheader{
width:747px;
height:100px;
background:#f7b242;
border:1px solid #f7b242;
/*background:#f09d48 url('../img/pimshdr01.gif') no-repeat left top;
border:1px solid #f09d48;*/
padding:0;
}
#footer{
text-align:center;
height:50px;
border-top:1px solid #3e9a47;
}


/*                     >>> =Typography <<<
--------------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{font-family:Tahoma,'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;}
h1{font-size:3.2em;}
h2{font-size:2.4em;letter-spacing:-0.05em;margin:10px 0;}
h3{font-size:1.9em;letter-spacing:-0.01em;margin:10px 0;}
h4{font-size:1.6em;letter-spacing:-0.001em;margin:10px 0;}
h5{font-size:1.3em;letter-spacing:-0.03em;margin:10px 0;}
h6{font-size:1.1em;letter-spacing:-0.03em;margin:10px 0;}
#topbar h1{
float:left;
font-size:2.2em;
color:#ffffff;
padding:6px 0 0 30px;
}
h2{
font-size:2em;
color:#f58a6b;
letter-spacing:-0.003em;
margin:15px 0 -5px;
}
h2.borders{
font-size:2.4em;
color:#000;
letter-spacing:-0.05em;
padding:8px 0 10px 10px;
margin:10px 0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
h3{
font-size:1.6em;
color:#985b4e;
margin:15px 0 0;
}
h3.genspecies{
font-size:1.9em;
color:#000;
letter-spacing:-0.03em;
margin:10px 0;
}
h3.heading{
font-size:1.8em;
font-weight:bold;
color:#fff;
text-align:center;
padding:12px 18px 13px;
margin:40px 0 15px;
background:#f58a6b;
width:17px;
}
h4{
font-size:1.4em;
color:#985b4e;
margin:15px 0 0;
}
p,li{
font-size:1.2em;
margin:10px 0;
}


/*                     >>> =Forms <<<
--------------------------------------------------------------------------------- */
.formbox{
padding:10px 15px 15px;
margin:15px 0;
border:1px solid #bbb;
background:#fff;
}
fieldset{
background:transparent;
border:none;
}
label{
font-size:1.3em;
cursor:pointer;
margin-right:10px;
}
legend{
font:bold 1.5em 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
color:#8b0000;
margin:0 0 -2px;
}
input:hover,
checkbox:hover{
background:#fffacd;
border-color:#ffcc00;
}
input,
checkbox{
border:1px solid #bbb;
}
select optgroup{
font-style:none;
}
.row,.rowlast{
padding:5px 15px 5px;
margin:4px 0;
background:#ddd;
}


/*                     >>> =Tables <<<
--------------------------------------------------------------------------------- */
table{
width:100%;
layout:auto;
border-collapse:collapse;
margin:10px 0;
border:1px solid #aaa;
}
th,td{padding:8px;}
th{
font-weight:bold;
background:#ccc;
color:#000;
}
tr.alt{background:#f4f4f4;}


/*                     >>> =Lists <<<
--------------------------------------------------------------------------------- */
li{
margin-left:40px;
}
li li{
font-size:1em;
margin:0;
}
li li{
margin:0;
}
ol li{
list-style:decimal;
}
ol li li{
list-style:lower-alpha;
margin-left:30px;
}
/* --- Glossary --- */
dl.styled{
margin:20px 0 0 20px;
}
dl.styled dt{
font-size:1.1em;
font-weight:bold;
padding:4px 0.5em 0;
color:#8b0000;
margin-right:10px;
}
dl.styled dd{
font-size:1.1em;
padding:4px 0 6px;
}
dl.styled dd li{
font-size:1em;
margin:0 0 0 20px;
}

ol.alpha{
list-style-type:lower-alpha;
}
ol.alpha li.current{
color:#f30;
}
li ol,
ol.alpha li{
list-style:lower-alpha;
}
dl{margin-left:15px;}
dt{font:1.4em 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;padding:0 0 5px;margin:10px 20px 0 0;font-weight:bold;}
dd{margin:5px 0 0 15px;}


/*                     >>> =Links <<<
--------------------------------------------------------------------------------- */
a,
a:link{
color:#3e9a47;
}
a:visited{
color:#819a83;
}
a:hover{
color:#f7b242;
}
a:focus{
color:#3e9a47;
}
a:active{
color:#ff0000;
}

#topbar h1 a,
#topbar h1 a:link,
#topbar h1 a:visited,
#topbar h1 a:focus,
#topbar h1 a:active{
text-decoration:none;
color:#ffffff;
}
#topbar h1 a:hover{
color:#999;
}

#header a,
#header a:link,
#header a:visited,
#header a:focus,
#header a:active{
text-decoration:none;
color:#000;
}
#header a:hover{
color:#666;
}

#pimsheader h2 a,
#pimsheader h2 a:link,
#pimsheader h2 a:visited,
#pimsheader h2 a:focus,
#pimsheader h2 a:active{
font:bold 1.2em Tahoma,'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
color:#ffffff;
letter-spacing:-0.003em;
text-decoration:none;
}
#pimsheader h2 a:hover{
color:#8b0000;
}
#pimsheader h2#dead{
font:bold 2.4em Tahoma;
color:#ffffff;
letter-spacing:-0.003em;
text-decoration:none;
padding:15px 50px 0;
}


/*                     >>> =Images <<<
--------------------------------------------------------------------------------- */
.imgleft,
.picboxleft{
float:left;
margin:15px 20px 15px 0;
padding:10px 10px 30px;
border:1px solid #ccc;
background:#f4f4f4;
}
.imgright,
.picboxright{
float:right;
margin:15px 0 15px 20px;
padding:10px 10px 30px;
border:1px solid #ccc;
background:#f4f4f4;
}
.picboxleft p{
font:1em 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
text-align:left;
margin:1px 0 -13px 0;
width:150px;
}
.picboxright p{
font:1em 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
text-align:left;
margin:1px 0 -13px 0;
width:130px;
}
.picboxright img,
.picboxleft img{
border:1px solid #666;
}
.picboxcenter{
text-align:center;
margin:30px 0;
}
.picboxcenter img{
border:1px solid #ccc;
padding:10px;
margin:0 0 5px 0;
}
.picboxcenter p{
font:1em 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
text-align:center;
margin:3px 0;
}


/*                     >>> =Floats <<<
--------------------------------------------------------------------------------- */
.sidebox{
float:right;
font-family:'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
width:207px;
margin:10px 0 10px 20px;
#background:#f9f9f9;
background: white;
}
.sidebox h2{
font:1.6em/1em Tahoma;
color:#ffffff;
letter-spacing:-0.003em;
padding:35px 10px 12px 35px;
margin:0;
background:url('../img/sidehdr02.gif') #ffffff no-repeat left top;
}
.sidebox h2.pims{
padding:15px 10px 12px 35px;
background:url('../img/sidehdr02-pims.gif') #ffffff no-repeat left top;
}
.sidebox p{
font-size:1.1em;
margin:10px 15px;
}


/*                     >>> =Navigation <<<
--------------------------------------------------------------------------------- */
ul#navlist{
list-style-type:none;
text-align:center;
padding:8px 0 0;
}
ul#navlist li{
display:inline;
font:bold 1.2em 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
letter-spacing:-1px;
margin:0;
padding:0;
#background:#3e9a47;
background: white;
}
ul#navlist li#active{
color:#fff;
#background:#ff0000;
background: white;
}
ul#navlist li#start{
border-left:none;
}
#navlist a,
#navlist a:link{
#color:#ffffff;
color: black;
text-decoration:none;
padding:8px 11px 9px;
}
#navlist a:hover,
#tools #nav-tools a,
#pims #nav-pims a,
#gpp #nav-gpp a{
#color:#ffffff;
color: black;
#background:#f7b242;
background: white;
}
span.deadnavitem{
color:#fff;
margin:0;
padding:8px 11px 9px;
#color:#ffffff;
color: black;
text-decoration:none;
#background:#f7b242;
background: white;
}

#tools #nav-tools a:hover,
#pims #nav-pims a:hover,
#gpp #nav-gpp a:hover{
#background:#f7b242;
background: white;
}


/*                     >>> =Miscellaneous <<<
--------------------------------------------------------------------------------- */
.note{
border:1px solid #ddd;
background:#f4f4f4;
padding:20px 25px;
width:420px;
}
.notehi{
border:1px solid #ffcc00;
background:#fffacd;
padding:20px 25px;
}
#topbar button{
font:.9em 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
color:#ffffff;
background:transparent;
border:1px solid #666;
padding:2px 6px 10px 10px;
margin:10px 0 1px;
height:22px;
}
#topbar p{
padding:0 15px 0 0;
text-align:right;
margin:0;
}
#faologo img.logo{
position:relative;
top:3px;
left:8px;
}
#faologo h3{
font:bold 1.1em 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
color:#000;
display:inline;
position:relative;
top:-15px;
left:17px;
}
#faologo p{
font:1em 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
color:#000;
display:inline;
position:relative;
top:-15px;
left:30px;
}
#pimsheader h2{
padding:15px 50px 0;
}
p.toplink{
margin:0 0 0 28px;
}
#footer p{
padding:5px 0 0;
}

/* --- Clearing Pesky Floats --- */
.clearfix:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

/*--- Declare external links for accessibility --- */
a.external:link{
background:url(../img/icon1.gif) no-repeat 100% 0;
padding:0 20px 0 0;
}
a.external:visited{
color:#819a83;
background:url(../img/icon1.gif) no-repeat 100% -100px;
padding:0 20px 0 0;
}
a.external:hover{
color:#f47e60;
background:url(../img/icon1.gif) no-repeat 100% -200px;
padding:0 20px 0 0;
}
a.external span{
position:absolute;
left:-5000px;
width:4000px;
}

/* --- Sidebox --- */
.sidebox ul#cleanstyle{margin-left:20px;list-style:square;}
.sidebox ul#cleanstyle li.first,.sidebox ul#cleanstyle li.first{border:none;}
.sidebox ul#cleanstyle li{font-size:1.0em;padding:6px 8px 0 17px;margin:10px 15px 10px -5px;list-style:square;}
/*
#.sidebox ol#cleanstyle{margin-left:20px;list-style:decimal;}
#.sidebox ul#cleanstyle{margin-left:20px;list-style:none;}
#.sidebox ol#cleanstyle li{font-size:0.5em;padding:6px 8px 0 17px;margin:10px 15px 10px 5px;border-top:1px dashed #bbb;}
#.sidebox ul#cleanstyle li{font-size:1.2em;padding:6px 8px 0 17px;margin:10px 15px 10px -5px;border-top:1px dashed #bbb;background:url('../img/bullet1.gif') no-repeat 0 9px;}
#.sidebox ol#cleanstyle li ol li{font-size:1em;border:none;}
#.sidebox ol#cleanstyle li.first,.sidebox ul#cleanstyle li.first{border:none;}
*/
/* --- Alphabet List Styling --- */
#alphabet{
margin:30px 10px 80px;
}
#alphalist{
font:0.9em 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
list-style-type:square;
display:block;
text-align:center;
}
#alphalist li{
border-left:1px solid #000;
float:left;
line-height:1.3em;
margin:0 0.5em 0 -0.5em;
padding:0 0.5em 0 0.5em;
}
#alphalist li.first{
border-left:none;
}
/* --- Glossary --- */
h2 small{
font-size:.5em;
}